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The web application development industry is constantly growing due to the 
extensive use of web applications in different devices, most of them run on 
Android, iOS, and Windows Phone operating systems. However, the 
development of applications designed for platforms requires more concerns 
such as code efficiency, interaction with devices, and speed of market 
penetration. The model-driven approach (MDA) combined with unified 
modeling language (UML) could provide abstraction and automation for 
software developers. This paper presents an MDA approach for the 
development of web applications based on the Symfony framework, UML 
modeling, model transformation, and then automatic code generation in order 
to facilitate and accelerate the development of web applications. The first step 
of this work is to establish the metamodel of Symfony framework and the 
metamodel of UML class diagram. In the second step, the various 
transformation rules between the source and target metamodels are first 
defined. Atlas transformation language (ATL) implements these rules. The 


result of this transformation is a platform-specific model (PSM) represented 
by Ecore language. The generated PSM model represents the input model of 
model-to-code (M2C) transformation for generating the code of web 
applications. To validate this work, we have implemented a case study. 
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1. INTRODUCTION 

Today, automatic code generation from models is one of the key elements that allow manufacturers 
to develop increasingly complex critical software [1]. This also makes it possible to control the production of 
large volumes of lines of code, within very short deadlines and at very competitive cost prices for this type of 
product, and also brings rigor and increases the quality level of the software. The present work, which aims to 
automatically generate the code of a web application, is an original work because the Symfony framework 
metamodel is implemented and presented for the first time in this paper. Moreover, the said paper presents an 
approach for generating the code of web applications based on the PHP (PHP: Hypertext Preprocessor) 
Symfony framework [2], [3]. This framework uses a model-view-controller (MVC) [4] architecture which 
allows for better teamwork and better distribution of work. 
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In this paper, we chose the Symfony framework in order to facilitate the development of web 
applications [5]. We justify our choice by the fact that Symfony is a framework powerful, secure, tailor-made, 
and constantly evolving. Thanks to its programming method, clear design, and readability, this framework is 
easy to use. The use of bundles (or groups of products) and components makes it a perfect solution for websites 
and applications of any size and complexity. 

In order to achieve this work, we applied the model-driven architecture (MDA) approach [6]-[8] 
combined with unified modeling language (UML) [9] which could provide abstraction and automation for 
software developers. The separation of concerns is the foundation of the MDA approach. Thanks to modeling, 
it is able to consider the business and technical aspects of an application independently. The model, in the 
MDA approach, is used to represent all layers of an application, including data exchange with source systems, 
application objects, and their methods, machine learning algorithms [10]-[13], artificial intelligence (AI), and 
the user interface of the application. This approach can also take into account the development of software 
applications that would be deployed in the cloud, the software cloud as a service (SaaS) [14], [15]. 

Thus, the objective of this paper is to present a model-driven architecture (MDA) approach based on 
UML modeling, atlas transformation language (ATL) [16], [17] transformation, and automatic code generation 
for the development of web applications based on the Symfony framework in order to facilitate and accelerate 
generally the development of web applications. The first step of this approach is to establish the metamodels 
of Symfony framework and UML class diagram. The second step called model-to-model (M2M) 
transformation begins by establishing and defining the different traceability relationships between the source 
and target metamodels. These relationships are called rules in the notion of ATL transformation language and 
are written in this language. The transformation result of this work is a platform-specific model (PSM) depicted 
by Ecore language [7]. The generated PSM model represents the input model of the model-to-code (M2C) 
transformation for generating the web application code. To validate this work, we have implemented a case 
study. This last transformation, M2C, will be the subject of our next work so that this work is clear, 
comprehensible, and readable. 

This paper's remaining section is organized as: Our proposal technique is presented in section 2. The 
UML class diagram metamodel is explained in section 3. The PHP Symfony framework metamodel is covered 
in section 4. The transformation rules implementation is the focus of section 5. The application of 
transformation rules is the focus of section 6. Part 7 is devoted to the primary relevant study, while section 8 
concludes with recommendations for further work. 


2. OUR PROPOSAL 

In this paper, we will shed light on our disciplined proposed method which is intended to establish the 
metamodel of Symfony framework and thereafter transform it to the PSM model and then generate 
automatically from this PSM model the web application code, respecting the MDA approach. Thus, in this 
paper we use a structured and pedagogically well-founded method, which consists in first defining the 
computational-Independent Model (CIM) and platform-specific model (PIM) of the application through a 
UML model, then automatically transforming these PIMs into PSMs then, if necessary, adding the missing 
elements to these PSMs to complete them (refinement). The next step concerns code generation, in which we 
prepare the different templates suitable for the generated PSM in view to automatically generate the requested 
code. It is important to note that in this work, the CIM represents the case study specification, the PIM 
represents the metamodel of UML class diagram while the PSM represents the metamodel of Symfony 
framework. The cited MDA approach is automated and therefore productive. However, it allows for significant 
gains in productivity. 

To carry out this work, we used Eclipse [18] while exploiting the possibility offered by it which resides 
in the plugins such as the plugin of ATL language in order to implement the PIM into PSM transformation 
rules, Ecore for representing the different models, and Acceleo [19] in view to implement the PSM into Code 
transformation. In this paper, we generate only the PSM model which will subsequently be the input model for 
ACCELEO in order to generate the web applications code. This step will be the objective of future work in 
order not to fill the present work and subsequently to leave it clear and understandable. 


3. UML CLASS DIAGRAM (UMLCD) METAMODEL 

UML is recommended by the MDA approach as being the language to be used to carry out analysis 
and design models independent of the implementation platforms. This is why in the MDA vocabulary these 
models are called platform-independent model (PIM) [6]. Figure 1 shows the different metaclasses that make 
up the PIM source metamodel (UML Class Diagram). These metaclasses are as shown as follow: 


Indonesian J Elec Eng & Comp Sci, Vol. 30, No. 3, June 2023: 1659-1668 


Indonesian J Elec Eng & Comp Sci ISSN: 2502-4752 0 1661 


— UMLPackage: It symbolizes the UML package notion. 

— Class: Explains the notion of Class in the UML context. 

— Classifier: Represents the UML class concept and the data type concept. 

— Attribute: Represents the notion of UML class properties or references. 

— Operation: Represents the concept of method in the UML context. 

— Parameter: Represents the attributes and parameters of the method. 

— Primitive data type: Represents the notion of primitive type. Like as: boolean, byte, char, short, int, long, 
float, and double. 

— Association: Explains the notion of association in the UML context. This is a relationship between two 
more metaclasses. 


+isComposiion: Boolean 
+isAggregation: Boolean 


Figure 1. An excerpt of UML class diagram metamodel 


4. SYMFONY FRAMEWORK METAMODEL 

Symfony is a comprehensive framework created to streamline the creation of web applications with a 
number of essential features [2], [3]. Thus, it divides the display views, server logic, and business rules of a 
web application. It includes a lot of tools and classes designed to accelerate the creation of complicated web 
applications. Additionally, it automates routine operations so the developer may concentrate entirely on the 
details of an application. Because of these advantages, it is no longer necessary to create a brand-new web 
application every time one is created. 

To exploit the Symfony framework in the field of model-driven architecture (MDA), we will model 
this framework in order to establish it’s metamodel. The latter is composed of a set of elements that are 
represented by a UML class diagram. Figure 2 presents the metamodel of the Symfony framework. The 
different metaclasses that make up the Symfony framework target metamodel and their notions are listed as 
follow: 

—  Symfony package: Represents the notion of a package for the Symfony framework. 

— Models: Refers to the set of models in the model 2 view controller (MVC2) architectural concept. 

— Model: In the context of the MVC2 pattern, it represents the idea of the Model class. 

— Controllers: In the context of MVC2 architecture, represents the idea of a package controller. 

— Abstract controller: It is an optional base controller. It can be extended to access helper methods. 

— Controller: The Controller class in the MVC2 architectural concept. 

— Views: This is the view package that regroups the different Template classes in the notion of MVC2 
architecture. 

— Template: Represents the concept of the view in the notion of MVC2 architecture. It allows separating 
the HTML code from the PHP code. 

— Actions: Depicts the functions package notion. 
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— Function: Explains the Action class concept in the notion of PHP Symfony framework. 

— Forms: This term refers to the collection of Form classes. 

— Form: Explains the Form class concept. It models the concept of form in the notion of MVC2 pattern. 
—  HttpRequest: This is the concept of HttpServletRequest class. 

—  HttpResponse: Represents the HttpServletResponse class notion. 

— Router: Allows directing a URL (or a pattern of URLs) to a controller method called Action. 


1 controllers 


1..* PackageModels 


abcontrolle 


functions 1 


Figure 2. Symfony framework metamodel 


5. TRANSFORMATION RULES IMPLEMENTATION 

In the ATL language concept, the generation of the target model is carried out thanks to the 
transformation rule specifications. A transformation rule makes it possible to match certain elements of the source 
model and to generate from these elements certain elements of the target model [6]. In this section, we present the 
different traceability relationships between the metaclasses of source and target metamodels. Each traceability 
relationship represents a transformation rule implemented by the ATL transformation language [17]. 


5.1. Specification rules between source and target metamodel 

Rules in model transformations handle the mapping between source and target metamodel 
components. In this section, we present the different traceability relationships between the different metaclasses 
that make up the UML class diagram (UMLCD) and PHP Symfony metamodels. These are the transformation 
rules which permit to transform a UMLCD into a PHP Symfony model. These rules are listed and presented in 
Table 1. 


Table 1. The different transformation rules from UMLCD to Symfony framework 
Rule Description 
Cl Symfony package may be generated from any UML package. 
C2 collection of controllers, models, and views make up the Symfony package. 
C3 There are several actions and forms packages that make up the controller package. 
C4 There are several view classes in the view package. 
C5 There are several function classes in the actions package. 
C6 One can create a model for each class. 
C7 __ Each operation class has the ability to produce a function, form, and view. 
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5.2. Transformation rules implementation 

The following section outlines the many rules used to transform the UMLCD model into the PHP 
Symfony model. The ATL language is used to express these rules. The fundamental rules are expressed in ATL 
language and are shown in Figure 3. 


rule UMLPackage2SymfonyPackage{ 
from 
a: UML!UML 


rule Operation2TemplateFunction{ 


from 
: Symfony !SymfonyPackage( c + UML!Operation 
controllers <- Sequence{cc}, 
models <- Sequence{mm} 
views <- Sequence{vv} 
i : Symfony!Function( 
name<— c.className+'Action' 
: Symfony!Controllers( 
controller <- c 
), frm3 : Symfony!Form( 
eemraneLConECOLLERt name<- c.className+' Form‘ 
c : Symfony!Controller 
action <- Sequence{act}, ), 
frm2 : Symfony!Template( 
ia Sequences fa} name<- c.className+'Template'+'.html'+'. twig! 
) 
act : Symfony!Actions( 
actiones <- Sequence{thisModule.allMethodDefs rule Class2Model{ 
->collect(e | thisModule.resolveTemp(e, ‘frm'))} 


from 
c : UML!Class 
: Symfony!Forms( to 
formes <- Sequence{thisModule.allMethodDefs frm1 : Symfony!Model ( 
->collect(e | thisModule.resolveTemp(e, '‘frm3'))} name<— c.name+'Model' 


), ) 


: Symfony !Models ( 
model <- Sequence{thisModule.allMethodDefClass 
->collect(e | thisModule.resolveTemp(e, ‘frm1'))} 


vv: Symfony !Views ( 
template <- Sequence{thisModule.allMethodDefs 
->collect(e | thisModule.resolveTemp(e, 'frm2'))} 


Figure 3. The main ATL transformation rules that transform the UMLCD into PHP Symfony 


6. TRANSFORMATION RULES EXECUTION 

In order to establish the link between the components of the source and destination metamodels, the 
execution procedure for transformation rules entails browsing through the various transformation rules. We 
give a case study that is a UML class diagram of a bookstore management (BSM) system in order to 
demonstrate and support our proposition. An Ecore model is the end outcome of this transformation. This 
model is known as the PSM model. 


6.1. Case study 

Bookstore management (BSM) is a concrete and sufficiently representative example of e-commerce 
projects, for this we want to create software for bookstore management. The fundamental objective of the 
future software is to allow customers to search for books by theme or topic, title, and ISBN, to build a shopping 
cart, then to be able to order and pay for them directly. This case study is represented by a UML class diagram. 
Figure 4 depicts the aforementioned BSM system UMLCD. 


6.2. ATL transformation result 

The generated PSM model shown in Figure 5 in appendix is made up of three essential packages 
which stand for the MVC acronym (Model-View-Controller). The first package stands for the package of 
controllers, the second for the package of views, and the third for the package of models. The controllers 
package consists of a set of actions and forms. The package entitled Forms represents the forms package, which 
contains all the forms that we will need to complete this application, and the Actions package is made up of a 
group of functions that represent the processing activities. In the same way, the views package which represents 
the Views of the application in turn also contains all the views that we will need to achieve our application. 
Finally, the models package which represents the package of models also contains all the models necessary for 
the realization of the business service management (BSM) application. 
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concerns 


gives rise to 


Figure 4. UMLCD of a bookstore management system. 


7. RELATED WORK 

Despite the lack of in-depth research on model-driven architecture and M2M transformation 
applications, M2M transformation and other contributions to the field are still contentious issues in many 
resources. The outcomes of the analysis covering the most relevant subset of M2M transformations to our 
research are provided in the section on related work. According to Rhazali et al. [20], M2M is being 
transformed from the level of a CIM to a PIM. An approach to converting service-oriented business concepts 
into web-based design models is provided by the author. The topic of CIM conversion to PIM is covered in the 
second work [20]. However, Melouk et al. [21] propose a new method for transforming the CIM into the PIM 
and then the PSM model. The MDA approach is adhered to by this methodology. In this study, PIM levels are 
represented by UML models, whereas PSM levels are represented using interaction flow modeling language 
(IFML), an OMG standard for building web interfaces. On the other hand, the CIM level is described using the 
object management group (OMG) standard for modeling business processes, the business process model and 
notation, or BPMN. 

The case study of course management in a department is provided by Sajji et al. [22] and is represented 
by a class diagram. The code for the classes is built by the authors using the enterprise architect application. 
The authors of [22] propose a method that meets with the guidelines provided by IFML and MDA. This method 
uses MDA model transformations to advance through the PSM model from a business process model at the 
CIM level to automatically generate graphical user interfaces (GUI). 

STS4IoT, a tool for model-driven internet of things (IoT) that automatically generates code and UML 
profiles, is introduced by Plazas et al. [23]. STS4IoT makes it possible to develop and implement an IoT 
application using only the information that is required by bridging the gap between the worlds of IoT and 
database design. IoT data is created via both multiple network transformations and the mixing of streams from 
numerous sources. It also follows MDA guidelines to provide abstraction layers that are customized to the 
numerous responsibilities played during the development of the application. 

In the work of Alulema et al. [24], IoT data may be included into REST ful cloud services using a 
meta-model provided. The connection between various IoT items and centralized systems, as well as their 
interoperability, is emphasized. They do this by illustrating and putting into action a variety of network 
solutions. The data composition or transformation, however, is not taken into account. 

In another work, the N-tiers web model is created by Rahmouni and Mbarki [25], who integrate the 
Struts2, Spring IoC, and Hibernate DAO frameworks. The authors originally constructed the metamodels of 
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the aforementioned frameworks in this study. The PIM model is represented by the built-in metamodels of this 
framework. A UML class diagram serves as the PIM model for this piece of work [25]. Every element required 
to build an N-tiers web application is included in the PSM model that was developed. 

English2OCL (En2OCL) by Salemi et al. [26] provides a paradigm for automatically transforming 
system constraints produced by English words to OCL requirements. The proposed model is based on the MDA 
approach. After the Maude model checker confirmed the proposed model's attributes, the authors developed 
the English2OCL application. 

For model transformations, Saqib and Azzoni [27] provide a method for test case prioritization (TCP). 
The goal of this method is to identify a test case ordering that enhances fault detection efficiency. A 
transformation language carries out this strategy. With the help of this application transformation, test case 
orderings may be created from various case studies. 

To make the usage of MVC-based frameworks in web application development easier, Ahmad et al. [28] 
introduce the model-driven framework method. This work's technique is based on the usage of the UML profile 
model and a model-to-text translation in order to automatically generate the implementation of a web 
application in three preset MVC-based frameworks. For a continuous cycle of software engineering in systems 
based on microservices, Cortellessa et al. [29] 's MDA technique is suggested. The authors of the current paper 
concentrated on spring boot and spring cloud-developed microservices applications that were deployed on 
Docker. 

Nevertheless, in the work described by Arrhioui et al. [30], the authors arrive at generating the create, 
read, update, and delete (CRUD) apps based on the codelgniter PHP framework. In this study, the authors first 
model the codeIgniter PHP framework before creating the PIM model that goes along with the framework. 
Finally, they set up the various Acceleo templates to produce the PHP code for the codelgniter-based CRUD 
apps. 

Therefore, the purpose of our paper is to use the MDA approach-based-ATL language to generate 
web Models of the MVC2 pattern from the PHP Symfony framework. Although the PIM and PSM metamodels 
differ, this study uses the same MDA technique for the portion of the PIM to PSM transformation as the studies 
listed above. Additionally, the PSM metamodel is introduced in this work for the first time. The result of this 
work is very satisfying because we managed to generate all the elements necessary for the development of an 
e-commerce web application from any case study. 


8. CONCLUSION 

The web application development industry is constantly growing due to the extensive use of web 
applications in different devices, most of them run on Android, i0S, and Windows Phone operating systems. 
However, the development of applications designed for platforms requires more concerns such as code 
efficiency, interaction with devices, and speed of market penetration. The model-driven approach (MDA) 
combined with unified modeling language (UML) could provide abstraction and automation for software 
developers. This paper presents an MDA approach for the development of web applications based on the 
Symfony framework, UML modeling, and model transformation in order to facilitate and accelerate the 
development of web applications. The first step of this work is to establish the metamodel of Symfony 
framework and the metamodel of UML class diagram. The second step begins by establishing the different 
traceability relationships between the different metaclasses that make up the UMLCD and PHP Symfony 
metamodels then defining the different transformation rules between the source and target metamodels. These 
rules are implemented by ATL transformation language. The result of this transformation is a PSM model 
represented by Ecore language. The generated PSM model represents the input model of model-to-code (M2C) 
transformation for generating the code of the web application. To validate this work, we have implemented a 
case study. This work's main goal is to use the PHP Symfony framework to automatically create a PHP 
application. To achieve this goal, we used the Ecore PSM model generated by the M2M transformation. The 
said model is used as an input file for a code-generating program that was created for this task using the Acceleo 
generator. Thus, we have successfully completed our task, which in this case was to create the online PSM 
model using the PHP Symfony framework. Additionally, the mentioned PSM model is entirely generated 
because it has all components needed to create a PHP application. In future work, we intend to use the created 
PSM model to automatically build a web application using the Symfony PHP framework. We are trying to 
create additional PSM models from other PIM case studies to validate this application. Along the same lines, 
we attempt to model additional frameworks such as PHP Zend to generate alternative PSM models using an 
MDA-based ATL transformation approach. Then, we compare the different attributes of the resulting models 
and their uses. The metrics used for this comparison will be clear. Thus, the requested objective is to evaluate 
the maturity of each framework by comparing it to the others. As a result, we are able to select and suggest the 
best framework to create a solid, flawless, bug-free, and end-to-end PHP web application among them. 
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APPENDIX 


ymlony.ecore VY © Forms 


> Form AddLineCartForm 
> Form AddToCartShoppingCartLineForm 
> Form AddWriteForm 


v  Symfony Package 
vy © Controllers 
v + Controller 


v + Actions 
> Function AddLineCartAction 
+> Function AddToCartShoppingCartLineAction 
> Function AddWriteAction 
> Function ClearCartCartAction 
> Function CreateAuthorAction 
> Function CreateBookAction 
> Function CreateCatalogAction 
> Function CreateCustomerAction 
> Function CreateEditorAction 
> Function CreateOrderAction 
> Function CreateThemeAction 
> Function DeleteAuthorAction 
> Function DeleteBookAction 
> Function DeleteCatalogAction 
> Function DeleteCustomerAction 
> Function DeleteEditorAction 
> Function DeleteLineCartAction 
> Function DeleteOrderAction 
> Function DeleteThemedAction 
> Function DeleteWriteAction 
> Function EstablishCurrencyCartAction 
> Function GetDetailBookAction 
> Function RecalculateCartCartAction 
> Function RecalculateShoppingCartLineAction 
> Function RetrieveAuthorAction 
> Function RetrieveBookAction 
> Function RetrieveCatalogAction 
> Function RetrieveCustomerAction 
> Function RetrieveEditorAction 
© Function RetrieveOrderAction 
> Function RetrieveThemeAction 
> Function SearchBookByAuthorBookAction 
> Function UpdateAuthorAction 
> Function UpdateBookAction 
> Function UpdateCatalogAction 
> Function UpdateCustomerAction 
> Function UpdateEditorAction 
> Function UpdateOrderAction 
> Function UpdateThemeAction 


+> Views 
> Template AddLineCartTemplate.html.twig 
+ Template AddToCartShoppingCartLineTemplate.html.twig 
+> Template AddwriteTemplate.html.twig 
> Template ClearCartCartTempiate.html.twig 
> Template CreateAuthorTemplate.html.twig 
> Template C eBookTemplate.html.twig 
> Template CreateCatalogTemplate.html.twig 
+ Template CreateCustomerTemplate.htmi.twig 
+ Template CreateEditorTemplate.ntml.twig 
+> Template CreateOrderTemplate.htmi.twig 
+> Template CreateThemeTemplate.html.twig 
+> Template DeleteAuthorTemplate.htmi.twig 
+> Template DeleteBookTemplate.htmi.twig 
+ Template DeleteCatalogTemplate.htmi.twig 
+> Template DeleteCustomerTemplate.html.twig 
> Template DeleteEditorTemplate.htmi.twig 
+> Template DeleteLineCartTemplate.ntmi.twig 
+> Template DeleteOrderTemplate.ntmi.twig 
+ Template DeleteThemeTemplate.htmi.twig 
+ Template DeleteWriteTemplate.html.twig 
+> Template EstablishCurrencyCartTemplate.html.twig 
+> Template GetDetailBookTemplate.html.twig 
> Template RecalculateCartCartTemplate.html.twig 
+ Template RecalculateShoppingCartLineTemplate.htmi.twig 
+> Template RetrieveAuthorTemplate.html.twig 
+> Template RetrieveBookTemplate.html.twig 
+> Template RetrieveCatalog Template.html.twig 
+> Template RetrieveCustomerTemplate.html.twig 
+> Template RetrieveEditorlemplate.htmi.twig 
+> Template RetrieveOrderTempiate.htmi.twig 
+> Template RetrieveThemeTempliate.htmi.twig 
> Template SearchBookByAuthorBookTemplate.html.twig 
> Template UpdateAuthorTemplate.html.twig 
+ Template UpdateBookTemplate.htmi.twig 
+> Template UpdateCatalogTemplate.htmi.twig 
+> Template UpdateCustomerTemplate.html.twig 
+> Template UpdateEditorTemplate.html.twig 
> Template UpdateOrderTemplate.html.twig 
+> Template UpdateThemeTemplate.htmi.twig 


> Form ClearCartCartForm 

> Form CreateAuthorForm 

> Form CreateBookForm 

> Form CreateCatalogForm 

> Form CreateCustomerForm 

> Form CreateEditorForm 

> Form CreateOrderForm 

> Form CreateThemeForm 

> Form DeleteAuthorForm 

> Form DeleteBookForm 

> Form DeleteCatalogForm 

> Form DeleteCustomerForm 

+ Form DeleteEditorForm 

> Form DeleteLineCartForm 

> Form DeleteOrderForm 

> Form DeleteThemeForm 

> Form DeleteWriteForm 

+ Form EstablishCurrencyCartForm 
> Form GetDetailBookForm 

> Form RecalculateCartCartForm 
> Form RecaiculateShoppingCartLineForm 
> Form RetrieveAuthorForm 

> Form RetrieveBookForm 

> Form RetrieveCatalogForm 

> Form RetrieveCustomerForm 
> Form RetrieveEditorForm 

> Form RetrieveOrderForm 

© Form RetrieveThemeForm 

> Form SearchBookByAuthorBookForm 
> Form UpdateAuthorForm 

> Form UpdateBookForm 

> Form UpdateCatalogForm 

> Form UpdateCustomerForm 

> Form UpdateEditorForm 

> Form UpdateOrderForm 

> Form UpdateThemeForm 


v Models 
> Model AuthorModei 
> Model BookModel 
> Model CartModel 
Model CatalogModel 
> Model ContainModel 
> Model CustomerModel 
> Model EditorModel 
> Model OrderModel 
+ Model ShoppingCartLineModel 
+ Model ThemeModel 
> Model WriteModel 


Figure 5. The generated PSM model of UMLCD2PHPSymfony 
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